<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width" />
	<meta name="renderer" content="webkit">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<title>公共码表</title>
	<!-- css -->
	<link rel="stylesheet" href="../../../assets/bootstrap/3.3.7/css/bootstrap.min.css">
	<link rel="stylesheet" href="../../../assets/bootstrap-table/bootstrap-table.min.css">
	<link rel="stylesheet" href="../../../assets/boostrap-treeview/bootstrap-treeview.min.css">
	<link rel="stylesheet" href="../../../assets/bootstrap-validator/css/bootstrapValidator.min.css"/> 
	<!-- 消息提示 -->
	<link rel="stylesheet" href="../../../assets/sco/css/sco.message.css"/>
	<!-- 图标字体 -->
	<link rel="stylesheet" href="../../../assets/font-awesome/4.7/css/font-awesome.min.css">
	<link rel="stylesheet" href="../../../assets/font-awesome/3.2.1/css/font-awesome.min.css">
	<link rel="stylesheet" href="../../../assets/css/style.css">
</head>
<body>
	<div class="container-fluid" id="codeGridView">
		<div class="row">
		<!-- 左侧树 -->
			<div class="col-sm-3">
				<div class="panel-default panel">
					<div class="panel-heading">
						<h3 class="panel-title"><i class="fa fa-code" aria-hidden="true"></i>&nbsp;&nbsp;公共码表树</h3>
					</div>
					<div class="panel-body">
						<div id="codeTreeView">
							<i class="fa fa-spinner" aria-hidden="true">Loading...</i>
						</div>
					</div>
				</div>
			</div>
			<div class="col-sm-9">
				<div class="row">
					<div class="col-sm-12">
						<div id="toolbar" class="btn-group">
							<button type="button" class="btn btn-default btn-sm"
							data-bind="click:fnAdd">
								<i class="fa fa-plus fa-lg" aria-hidden="true"></i>&nbsp;&nbsp;新增
							</button>
							<button type="button" class="btn btn-default btn-sm"
								data-bind="click:fnRemove" style="display: none;">
								<i class="fa fa-trash fa-lg" aria-hidden="true"></i>&nbsp;&nbsp;删除
							</button>
						</div>
					</div>
				</div>
				<!-- 列表 -->
				<div class="row">
					<div class="col-sm-12">
						<table id="codeTableView"></table>
					</div>
				</div>
			</div>
		</div>
	</div>
	<!-- Modal -->
	<div id="codeModal" class="modal fade" data-keyboard="false"
		data-backdrop="static" tabindex="-1" role="dialog" aria-hidden="true">
		<div class="modal-dialog" style="width: 500px" role="document">
			<div class="modal-content">
				<!-- header -->
				<div class="modal-header" id="modalHeader">
					<span class="modal-title" data-bind="text:title"></span>
				</div>
				<div class="modal-body">
					<form class="form-horizontal" id="detailForm" autocomplete="off">
						<div class="form-group">
							<label for="code_value" class="col-sm-3 control-label">码值</label>
							<div class="col-sm-8">
								<input type="text" class="form-control" name="code_value"
									id="code_value" placeholder="*,必填"
									data-bind="value:code_value,enable:_enabled">
							</div>
						</div>
						<div class="form-group">
							<label for="code_text" class="col-sm-3 control-label">中文释义</label>
							<div class="col-sm-8">
								<input type="text" class="form-control" name="code_text"
									id="code_text" placeholder="*,必填" data-bind="value:code_text,enable:_enabled">
							</div>
						</div>
						<!-- 默认基本信息 -->
						<div style="display: none">
							<input type="text" data-bind="value:code_id"><input
								type="text" data-bind="value:edit_status"><input
								type="text" data-bind="value:p_code_id">
						</div>
					</form>
				</div>
				<div class="modal-footer" id="modalFooter">
					<button type="button" class="btn btn-primary"
						style="font-size: 12px" id="saveBtn" data-bind="click:fnSaveForm">保存</button>
					<button type="button" class="btn btn-default"
						style="font-size: 12px" data-bind="click:fnCloseDlg">关闭</button>
				</div>
			</div>
		</div>
	</div>
	<!-- Script imported -->
	<script src="../../../assets/require/require.js" data-main="main_delete.js"></script>
</body>
</html>